
#youTube {
  background-color: black;
  color: white;
  padding: 0px;
  float: left;
}

#youTubeDescriptionHTML {
  display: none;
}

#jewelTubeVideos {
  margin-top: 50px;
  color: white;
}

#youTubeThumbs img {
  cursor: pointer;
  border: 1px solid white;
}

.withLyrics {
  border: 1px solid red;
}
#myytplayer {
  float: left;
/*  clear: both; */
}

.skipPoint {
  position: absolute;
  left: 6px;
  width: 30px;
  font-size: 8px;
  font-weight: bold;
  float: left;
}


.skipClick {
  cursor: pointer;
}


#ytControls {
  background-color: black;
}
#ytMain {
  background-color: black;
  width: 372px;
  height: 20px;
  border-bottom: 1px solid #888888;
}

.ytButton {
  font-family: arial, sans-serif;
  background-color: black;
  border-right: 1px solid #888888;
  padding-top: 3px;
  color: white;
  float: left;
  font-size: 11px;
  width: 60px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}

.ytButton:hover {
  color: orange;
}

#ytStatus {
  font-family: arial, sans-serif;
  text-align: center;
  color: yellow;

}

#playPauseVideo {
  padding-top: 3px;
  float: left;
  width: 20px;
  height: 20px;
  background-color: black;
  color: white;
  clear: both;
}

.playVideo {
  background-image: url(../Graphics/ytControls.png);
}

.playVideo:hover {
  background-position: 0px -20px;
}

.pauseVideo {
  background-image: url(../Graphics/ytControls.png);
  background-position: 0px -40px;
}

.pauseVideo:hover {
  background-position: 0px -60px;
}


#stopVideo {
  padding-top: 3px;
  float: left;
  width: 20px;
  height: 20px;
  background-color: black;
  color: white;
  background-image: url(../Graphics/ytControls.png);
  background-position: 0px -80px;
}


#stopVideo:hover {
  background-position: 0px -100px;
}



.skipTime {
  display: none;
}

#ytSkipContainer {
  position: relative;
  float: left;
  width: 370px;
  height: 30px;
  background-color: black;
  display: none;
}

#HSkipTopText {
  position: absolute;
  color: white;
  top: 0px;
}

#Hloaded {
  position: absolute;
  width: 0px;
  top: 12px;
  height: 5px;
  background-color: #91A3A4;
/*  background-color: red; */
}

#Hplayed {
  position: absolute;
/*  right: 0px; */
  width: 0px;
  top: 0px;
  height: 5px;
  background-color: #C1C6C7
/*  background-color: green; */
}

#HskipPoints {
  position: absolute;
  top: 1px;
}

#HskipPoints img {
  position: absolute;
  top: 10px;
/*  cursor: pointer; */
}

#HSkipBotText {
  position: absolute;
  color: white;
  top: 16px;
}

#ytLyrics {
  color:yellow;
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  display: none;
}
#ytTranslation {
  color: red;
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
/*  cursor: pointer; */
  display: none;
}

#ytVolumeControl {
  width: 330px;
  float: left;
  clear: both;
  margin-top: 4px;
}
#ytVolumeControl.ui-slider-horizontal {
  height: 5px !important;
}

#ytVolumeControl a.ui-slider-handle {
  height: 10px !important;
  width: 10px !important;

}
#ytVolume {
  float: right;
}

#ytVolumeContainer {
  display: none;
  padding: 5px;
}
